<ui:composition 
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui" >
        
    <p:dialog header="Productos relacionados" id="verSugeridos" widgetVar="dlgSugeridos" dynamic="true" width="650" >
        
    <p:carousel id="carrContVer" value="#{catalogoBean.itemCatalogo.producto.relacionados}" var="s" numVisible="3" >
       
    <div class="carrCont">
        
        <div class="carrFoto">
            <p:graphicImage style="width:120px; height:120px;"  value="#{aplicacionBean.parametro.pathImagenesProductos}/#{s.productoRelacionado.imgchi}.jpg" />
        </div>
            
        <div class="carrCod"><h:outputText value="#{s.productoRelacionado.codigo}" /></div>
        
        <div class="carrDesc"><h:outputText value="#{s.productoRelacionado.descrp}" /></div>
        
        <div class="carBot">
            
            <!--
            <p:commandButton  id="btnAgregar" icon="btnAgregar" style="top:0% !important;   margin-right:5px;"
                              action="#{catalogoBean.verConfirmarCantidadProducto(s.productoRelacionado)}"
                              process="@this"
                              update=":formulario:confirmarCantidad"
                              title="Agregar este producto al carrito de compras"
                              rendered="#{usuarioSessionBean.estaRegistrado and not s.seleccionado}"
                              oncomplete="PF('dlgCantidad').show();  btnAceptar.focus(); " >
                
            </p:commandButton>
            <p:tooltip for="btnAgregar"   showEffect="fade" hideEffect="fade" rendered="#{usuarioSessionBean.estaRegistrado and not s.seleccionado}"  />
            
            <p:commandButton  id="btnDelete" icon="btnDelete" style="top:0% !important;"
                              action="#{catalogoBean.generarItemCatalogo(s.productoRelacionado)}"
                              process="@this"
                              update=":formulario:confirmarBorrado"
                              title="Borrar este producto del carrito de compras"
                              rendered="#{usuarioSessionBean.estaRegistrado and (s.seleccionado)}"

                              oncomplete="PF('dlgConfirmarBorrado').show(); btnBorrar.focus()">
            </p:commandButton>            
            <p:tooltip for="btnDelete"  showEffect="fade" hideEffect="fade" rendered="#{(s.seleccionado)}" />
            -->
            
            <p:commandButton 
                    id="btnSeleccionar"
                    icon="btnMasInfoI" styleClass="btnMasInfo"
                    action="#{catalogoBean.verFichaProductoFromProducto(s.productoRelacionado)}"
                    process="@this"                
                    update="@form"
                    oncomplete="PF('dlgSugeridos').hide();"
                    title="Ver la ficha del producto" />
         
        </div>        
        
     </div>

    </p:carousel>
    </p:dialog>        
  
    
</ui:composition>
